<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{margin: 0;padding: 0;}
			.box{width: 340px;height: 200px;}
			h3{color: white;background: red;height: 35px;line-height: 35px;font-size: 16px;
			text-indent: 1em;}
			.box li{list-style: none;margin:5px; border-bottom: 1px dashed gainsboro;padding: 5px;
			font-size: 14px;}
			.box span{				
				color: white;
				display: inline-block;
				width: 20px;
				height: 20px;
				border-radius: 50%;
				background: black;
				text-align:center;
				line-height: 20px;}
		    .box li:hover{color: red;}			
		</style>
	</head>
	<body>
		<div class="box">
			<h3>大家都喜欢买的美容品</h3>
			<ul>
				 <li><span>1</span>雅诗兰黛即时修护眼部精华霜15ml</li>
                 <li><span>2</span>伊丽莎白雅顿显效复合活肤霜 75ml</li>
                 <li><span>3</span>OLAY玉兰油多效修护霜 50g</li>
                 <li><span>4</span>巨型一号丝瓜水320ML</li>
                 <li><span>5</span>倩碧保湿洁肤水2号 200ml</li>
                 <li><span>6</span>比度克细肤淡印霜 30g</li>
                 <li><span>7</span>兰芝 (LANEIGE)夜间修护锁水面膜 80ml</li>
                 <li><span>8</span>SK-II护肤精华露 215ml</li>
                 <li><span>9</span>欧莱雅青春密码活颜精华肌底液</li>
			</ul>
		</div>
	</body>
</html>
